// // src/App.jsx
// import React from 'react';
// import ScatterLineChart from "./components/ScatterLineChart.jsx";
// import { commonStyles } from "./styles/commonStyles";
// const App = () => {
//   return (
//     <div style={commonStyles.pageContainer}>
//       <h1 style={commonStyles.pageTitle}>React中实现Origin风格的ECharts</h1>
//           <div style={commonStyles.chartWrapper}>
//             <ScatterLineChart />
//           </div>
//     </div>
//   );
// };

// export default App;

// src/App.jsx
import React from 'react';
import RealTimeChart from "./components/RealTimeChart.jsx";
import { commonStyles } from "./styles/commonStyles";

const App = () => {
  return (
    <div style={commonStyles.pageContainer}>
      <h1 style={commonStyles.pageTitle}>实时数据监控</h1>
      <div style={commonStyles.chartWrapper}>
        <RealTimeChart 
          wsUrl="ws://localhost:8765" 
          initialMessage={{
            id: 110,
            type: "rundata",
            operation: "rundata_start"
          }}
        />
      </div>
    </div>
  );
};

export default App;